// 个人页面的代码逻辑

// 获取本地没有token密排后跳转登录页面
const token = localStorage.getItem('token')

if (!token) {
    location.href = '/login.html'
}


// http://api-breakingnews-web.itheima.net
// /my/userinfo
// 获取用户的基本信息的接口
getUserInfo()

window.getUserInfo = getUserInfo


// 导航第二个高亮
function addClass() {
    $('#wzlist').addClass('layui-this')

    $('#wzlist').prev().removeClass('layui-this')
}

window.addClass = addClass



// 获取并设置头像或是昵称
function getUserInfo() {
    userinfo((res) => {
        // 获取返回的基本信息  

        if (res.data.status === 0) {
            // console.log('登录成功')
        } else {
            localStorage.removeItem('token')

            location.href = '/login.html'
        }
        const data = res.data.data
        // console.log(data)


        // 进行解构赋值
        let {
            nickname,
            user_pic,
            username
        } = data

        // 添加用户名内容

        // 有昵称就先显示昵称
        username = nickname || username

        $('.username').html(username)

        // 上传头像  如果有就显现图像
        if (user_pic) {

            $('.layui-nav-img').prop('src', user_pic)

            // 行内块进行显示，防止出现元素位置错乱
            $('.layui-nav-img').css('display', 'inline-block')

        } else {

            // 没有图片  首字母大写输出
            const name = username[0].toUpperCase()

            // 大写字母添加至对应标签中
            $('.avatar').html(name)

            // 行内块进行显示，防止出现元素位置错乱
            $('.avatar').css('display', 'inline-block')
        }

    })

}


// 弹出层提示   点击退出
$('#logout').on('click', () => {
    layer.confirm('确定要离开吗?', {
        icon: 3,
        title: '提示'
    }, function (index) {
        //do something
        localStorage.removeItem('token')

        location.href = '/login.html'

    });
})